<?php
$tittleText = '本领';
require("{$CfgPara->root}/view/tittle_back_bar_blue.app.v.php");
?>
<div id="user_field_div" style="overflow: hidden">
    <div style="width: 110px;height: 100%; float: left; text-align:center;padding-top:15px;border-right: 1px solid #dedede">
        <img class="am-circle" alt="" src="<?= $userMsg->Avatar ?>" width="60" height="60"/>
        <div style="padding-top:5px">
            <b class="app-main-color"><?= $userMsg->Name ?></b><br/>
            <span class="am-text-sm app-gray-color">擅长的风格</span><br/>
        </div>
    </div>
    <div style="overflow: auto;padding-left: 10px;padding-right: 10px;height: 100%">
        <?php if (count($userField) > 0) {
            $i = 0; ?>
            <ul class="am-list" style="text-align: center">
                <?php foreach ($userField as $fieldValue) { ?>
                    <li style="padding:5px; <?php if ($i === 0) echo 'border:none' ?>">
                        <a data-forward="controller=user_field&user_field_id=<?= $fieldValue->Id ?>"
                           onclick="act_content(this)">
                            <b class="am-list-item-hd app-main-color"><?= $fieldValue->FieldName ?></b>
                        </a>
                    </li>
                    <?php $i++;
                } ?>
            </ul>
        <?php } else {
            $warningText = '尚无可显示的本领';
            require("{$CfgPara->root}/view/warning_text.app.v.php");
        }
        ?>
    </div>
</div>
<script>
    // 设置高度 78为系统标题栏40与本领标题栏38的高度
    var height = $(window).height() - 78;
    $('#user_field_div').height(height);
</script>
